<template>
  <div>
    <div class="nav-operation">
      <ul>
        <li>
          <div class="nav-operation-logo">
            <img
              src="https://f.jiangduoduo.com/2022/12/05/05CBC4A0902EEC2DF49786BB77A8E1B9.png"
              mode="aspectFill"
            /><!---->
          </div>
          <div class="nav-operation-tit"><span>走势图</span></div>
        </li>
        <li>
          <div class="nav-operation-logo">
            <img
              src="https://f.jiangduoduo.com/2022/12/05/7E961D911D5D6BC67F63FB909CA7BB0E.png"
              mode="aspectFill"
            /><!---->
          </div>
          <div class="nav-operation-tit"><span>开奖结果</span></div>
        </li>
        <li>
          <div class="nav-operation-logo">
            <img
              src="https://f.jiangduoduo.com/2022/12/05/197D7BA712DF571686538F5D32C503AD.png"
              mode="aspectFill"
            /><!---->
          </div>
          <div class="nav-operation-tit"><span>拍票查奖</span></div>
        </li>
        <li>
          <div class="nav-operation-logo">
            <img
              src="https://f.jiangduoduo.com/2022/12/05/0F00ED763D4CA182B8DA95FCF12C1617.png"
              mode="aspectFill"
            /><!---->
          </div>
          <div class="nav-operation-tit"><span>奖金计算器</span></div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'VueJiangduoduoComNavOperation',

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.nav-operation {
    position: relative;
    width: 100%;
    padding: 8px 0;
    background-color: #fff;
}
.nav-operation ul {
    display: flex;
    flex-flow: row wrap;
}
.nav-operation li {
    position: relative;
    width: 25%;
}
.nav-operation li .nav-operation-logo {
    position: relative;
    width: 48px;
    height:48px;
    margin: 0 auto;
}
.nav-operation li .nav-operation-tit {
    margin-top: 0.07rem;
    text-align: center;
}
.nav-operation li img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}
</style>
